Geometric Patterns with Creative Coding by Selçuk Artut

Author:Selçuk Artut
Language: eng
Format: epub
ISBN: 9781484293898
Publisher: Apress

Step 4: Let’s shift our circle to the right with a distance of its radius. Remember that 120 px is the diameter.

We will later have 12 copies in total of this circle and 30 multiple degrees rotated around the canvas’s center.function setup() {

createCanvas(400, 400);

noFill();

}

function draw() {

background(255);

push();

translate(width*0.5,height*0.5);

push();

translate(60,0);

circle(0,0,120);

pop();

pop();

}

Step 5: Now we will use a for loop to get 12 copies of the circle. Be aware of the angle mode. By default, it is set to RADIANS, so we apply angleMode(DEGREES).function setup() {

createCanvas(400, 400);

angleMode(DEGREES);

noFill();

}

function draw() {

background(255);

push();

translate(width*0.5,height*0.5);

for(let i = 0; i < 12; i++){

push();

rotate(i*30);

translate(60,0);

circle(0,0,120);

pop();

}

pop();

}

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.